<template>
  <div class="lbox">
    <h1>(x:{{ point.x}},y:{{ point.y }})</h1>
  </div>
</template>

<script lang='ts' setup>
import usePoint from '@/hooks/usePoint'
const point=usePoint()
</script>

<style lang='scss' scoped>
.lbox{
    display: flex;
    justify-content: center;
    flex-grow: 1;
    height: 100vh;
    background-color:aquamarine;
}
</style>